<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>oj系统</title>
</head>
<style>
    *{
        margin:0px;/*外边距*/
        padding:0px;
    }
    html,
    body{
        width: 100%;
        height: 100%;
    } 
    .container .navbar
    {
        width:100%;
        background-color:black;
        height:50px;
        overflow:hidden;
        
    }
    .container .navbar a
    {
        display:inline-block;
        width:80px;
        color:white;
        font-size: large;
        line-height:50px;
        text-decoration: none;
        text-align: center;
    }
    .container  .navbar a:hover
    {
        background-color: green;
    }
    .container .navbar .login
    {
        float:right;
    }
    .container .content
    {
        width:800px;
        /*background-color: #ccc;*/
        margin:0px auto;
        text-align:center;
        margin-top: 200px;
    }
    .container .content .font_
    {
        display:block;
        margin-top:20px;
        text-decoration: none;
        /*font-size: larger;*/
    }
    
   
</style>
<body>
    <div class="container">
        <div class="navbar">
            <a href="#">首页</a>
            <a href="/all_question">题库</a>
            <a href="#">竞赛</a>
            <a href="#">讨论</a>
            <a href="#">求职</a>
            <a class="login" href="#">登录</a>
        </div>
            <div class="content">
    <h1 class="font_">欢迎来到我们的OnlineJudge平台</h1>
    <p class="font_">这是个人独立开发的在线oj平台</p>
    <a class="font_" href="/all_question">点击我开始编程!</a>
            </div>
        
    </div>
    
</body>
</html>